<%@page import="com.github.pagehelper.PageInfo"%>
<%@page import="com.yunzhong.appointment.entity.SysUser"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="../../common/common.jsp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>云众科技网上预约挂号系统</title>
	<style type="text/css">



	</style>

</head>

<body>
<br>
<div>
	<button type="button" class="btn btn-primary" id="createExcel9999" onclick="createToExcel()">导出Excel</button>
</div>
<div style="display: none">
	<table id="datatable" class="table table-hover table-striped table-condensed text-center"  >
		<tr class="bg-default">
			<td>医生名称</td>
			<td>医生被预约次数</td>
			<td>排班被预约次数</td>
			<%--<br>扁鹊--%>
			<%--<br>华佗--%>
		</tr>
		<tbody id="tboby"></tbody>
	</table>
</div>
<br>
<div id="main" style="width: 100%;height: 400px;"></div>
</body>
<script type="text/javascript">

	var myChart=echarts.init(document.getElementById("main"));

	option = {
		title : {
			text: '医生预约压力统计',
		},
		tooltip : {
			trigger: 'axis'
		},
		legend: {
			data:['医生被预约次数','排班被预约次数']
		},
		toolbox: {
			show : true,
			feature : {
				dataView : {show: true, readOnly: false},
				magicType : {show: true, type: ['line', 'bar']},
				restore : {show: true},
				saveAsImage : {show: true}
			}
		},
		calculable : true,
		xAxis : [
			{
				type : 'category',
				data : ['扁鹊','华佗']
			}
		],
		yAxis : [
			{
				type : 'value'
			}
		],
		series : [
			{
				name:'医生被预约次数',
				type:'bar',
				data:[],
				markPoint : {
					data : [
						{type : 'max', name: '最大值'},
						{type : 'min', name: '最小值'}
					]
				},
				markLine : {
					data : [
						{type : 'average', name: '平均值'}
					]
				}
			},
			{
				name:'排班被预约次数',
				type:'bar',
				data:[],
				markPoint : {
					data : [
						{name : '年最高', value : 182.2, xAxis: 7, yAxis: 183},
						{name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}
					]
				},
				markLine : {
					data : [
						{type : 'average', name : '平均值'}
					]
				}
			}
		]
	};

	// Echarts的页面加载函数
	$(function(){
		var url="/forms/docprecount"
		var data = {};
		$.post(url , data ,function(responseData){
			option.series[0].data = responseData.schedulingList;
			option.series[1].data = responseData.doctorList;
			// 使用刚指定的配置项和数据显示图表。
			myChart.setOption(option);
		},"json");
	});

	//创建表格的数据
	function createToExcel(){
		var url ="/forms/docprecount";
		var data={};
		$.post(url,data,function(r){
			var reportName="医生预约压力统计";
			bootbox.alert(reportName);
			console.log(r);

			var trstr1 = "";
			for (let i = 0; i < r.schedulingList.length; i++) {
				var json2 = r.doctorList[i];
				var json1 = r.schedulingList[i];
				if (json1 != null) {
					// var td1 = "<td>"+json1.id+"</td>";
					var td1 = "<td>"+json2.name+"</td>";
					var td2 = "<td>"+json1.value+"</td>";
					var td3 = "<td>"+json2.value+"</td>";
					trstr1 = trstr1 + "<tr>"+td1+td2+td3+"</tr>";
				}
			}
			$("#tboby").append(trstr1);
			//生成表格
			mycreateFileToExcel();
		},"json")
	}
	//生成表格
	function mycreateFileToExcel(){
		$("#datatable").table2excel({   			// table2excel插件的可用配置参数有：
			exclude: ".noExl",  					//  exclude：不被导出的表格行的CSS class类。
			name: "Excel Document Name",    		// name：导出的Excel文档的名称。
			filename: "医生预约压力统计.xls",   	//filename：Excel文件的名称。
			exclude_img: true,  				    //exclude_img：是否导出图片。
			exclude_links: true,  					// exclude_links：是否导出超链接
			exclude_inputs: true  					// exclude_inputs：是否导出输入框中的内容。
		});
	}


</script>
</html>